<!DOCTYPE html>

<html lang="en">

<head>
<title>@{TITLE}</title>
<style>
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
}

body {
    background-color: #ffffff;
    color: #222222;
    font-family: "Noto Sans", OpenSans, Verdana, Helvetica, Arial, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #444444;
        color: #ffffff;
    }
}

.row {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}

.content {
    text-align: center;
}
</style>
</head>

<body>
<div class="row">
    <div class="content">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:96px;height:96px;fill:#49851C;"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z"/></svg>
        <h1>@{TITLE}</h1>
        <h2>@{MESSAGE}</h2>
    </div>
</div>
</body>
</html>
